<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		    	function get_ajax(){
		    	       fetch('http://localhost:8090/spring_restful/queryall?pid=1&pname=辣条',{
		    			method: 'GET', // or 'PUT'请求方法
		    		}).then(response =>response.json())
		    		.then(data=>{
		    			console.log(data);
		    		})
		    	}
		    	
			   function post_ajax(){
		    		fetch('http://localhost:8090/spring_restful/add_product',{
		    			method: 'POST', // or 'PUT'请求方法
						body: JSON.stringify({pid: 1,pname:'jenny',price:'10'}), 
						// data can be string or {object}!//请求体，post，put使用，get不用
						headers: new Headers({ // 所传输的数据类型
						'Content-Type': 'application/json'
							})
						}).then(response =>response.json())
							.then(data=>{
		    			console.log(data);
		    		})
		    	}
			   
			   function put_ajax(){
		    		fetch('http://localhost:8090/spring_restful/modify_product',{
		    			method: 'PUT', // or 'PUT'请求方法
						body: JSON.stringify({pid: 1,pname:'jenny',price:'10'}), 
						// data can be string or {object}!//请求体，post，put使用，get不用
						headers: new Headers({ // 所传输的数据类型
						'Content-Type': 'application/json'
							})
						}).then(response =>response.json())
							.then(data=>{
		    			console.log(data);
		    		})
		    	}
		</script>
	</head>
	<body>
		<button onclick="get_ajax()">get请求</button>
		<button onclick="post_ajax()">post请求</button>
		<button onclick="put_ajax()">put请求</button>
	</body>
</html>
